footer.footer
    position relative
    padding-top 90px
    padding-bottom 60px
    color: #ffffff
    font-size 14px

    .background
        position absolute
        top 0
        left 0
        width 100%
        height 60%
        background linear-gradient(to right, #330867 0%,#31a7bb 100%)
        transform skewY(-5deg)
        box-shadow 0px 0px 50px rgba(60, 117, 162, 0.4)

    .background-2
        position absolute
        top 30%
        left 0
        width 100%
        height 70%
        background linear-gradient(to right, #330867 0%,#31a7bb 100%)

    .content
        position relative

    .lists
        display flex
        justify-content center
        align-items flex-start
        padding-bottom 50px

        .list
            padding-right 60px
            padding-left 60px

            @media (max-width: $breakpoints.m)
                padding-right 40px
                padding-left 40px

            @media (max-width: $breakpoints.s)
                padding-right 30px
                padding-left 30px

            .title
                padding-bottom 23px

            .item
                padding-top 7px
                padding-bottom 7px
                font-weight 300

                &.underline
                    &::after
                        bottom 4px

    .text
        margin-right 20px
        margin-left 20px
        text-align center
        font-weight 300

        a
            text-decoration underline